<div>

    <div class="row">
        <div class="col-md-2">
            <vc:create path="property/floorUnitTree" callBackListener="roomStructure"></vc:create>
        </div>
        <div class="col-md-10 margin-bottom " v-if="roomStructureInfo.layerRoomCount < 5">
            <div class="row margin-top-xs bg-white border-radius">
                <div class="col-md-1 text-center margin-sm padding-xs" :title="vc.i18n('双击查看详情','roomStructure')" @dblclick="_toSimplifyAcceptance(room)" v-for="(room,index) in roomStructureInfo.rooms" :style="{'background-color': _getBgColor(room)}" style="color: #fff;border-radius: 5px;cursor:pointer">
                    <div>{{room.floorNum}}-{{room.unitNum}}-{{room.roomNum}}</div>
                    <div>{{room.stateName}}</div>
                    <div>{{room.ownerName?room.ownerName:'无'}}</div>
                    <div>
                        <span><vc:i18n name="欠费" namespace="roomStructure"></vc:i18n></span>：{{room.oweAmount}}
                        <span><vc:i18n name="元" namespace="roomStructure"></vc:i18n></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-10 margin-bottom " v-else>
            <div v-for="(val, key, index) in roomStructureInfo.parkRooms">
                <span class=" padding-xs">{{key}}F</span>
                <div class="row margin-top-xs bg-white border-radius">
                    <div class="col-md-1 text-center margin-sm padding-xs" :title="vc.i18n('双击查看详情','roomStructure')" @dblclick="_toSimplifyAcceptance(room)" v-for="(room,index) in val" :style="{'background-color': _getBgColor(room)}" style="color: #fff;border-radius: 5px;cursor:pointer">
                        <div>{{room.floorNum}}-{{room.unitNum}}-{{room.roomNum}}</div>
                        <div>{{room.stateName}}</div>
                        <div>{{room.ownerName?room.ownerName:'无'}}</div>
                        <div>
                            <span><vc:i18n name="欠费" namespace="roomStructure"></vc:i18n></span>：{{room.oweAmount}}
                            <span><vc:i18n name="元" namespace="roomStructure"></vc:i18n></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>